import React, {useEffect, useRef} from 'react'
import * as echarts from 'echarts';
export default () => {
  let goods = useRef(null);
  var option = {
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {
        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
  };
  //副作用
  console.log(echarts);
  useEffect(() => {
    // var myChart = window.echarts.init(document.getElementById('eCharts'));
    const myChart = echarts.init(goods.current)
    myChart.setOption(option);
    }, [])
  return(
    <div>
      <div id="eCharts" ref={goods} style={{width: 600, height: 400}}></div>
    </div>
  )
}